import React from 'react'

export default function FunctionalComponentDemo() {
  // 此处的 this 是 undefined - 严格模式
  // console.log(this)

  /* 
    执行了ReactDOM.render(<FunctionalComponentDemo/>.......之后, 发生了什么?
      1.React解析组件标签, 找到了FunctionalComponentDemo组件
      2.发现组件是使用函数定义的, 随后调用该函数, 将返回的虚拟DOM转为真实DOM, 随后呈现在页面中
  */
  return (
    <div>
      <h2>我是函数组件</h2>
    </div>
  )
}
